<div class="detail">
    <div>
        <el-radio-group v-model="current" @change="change">
            <el-radio-button :label="1">
                上级信息
            </el-radio-button>
            <el-radio-button :label="2">
                修改记录
            </el-radio-button>
        </el-radio-group>
    </div>
    <div class="wrap" v-if="current == 1">
        <LayoutCell>
            <LayoutCellItem title="关系链上级">
                <div slot="option">
                    <el-button type="primary" @click="changeRelation">
                        {{!$vFN.Utils.isEmpty(detailInfo) ? '修改':'添加上级关系链'}}
                    </el-button>
                </div>

                <div class="header" v-if="!$vFN.Utils.isEmpty(detailInfo)">
                    <div class="left">
                        <imageBox :src="detailInfo.icon" width="100px" height="100px"></imageBox>
                    </div>
                    <div class="right">

                        <LayoutDetailGroup :gutter="20">
                            <LayoutDetailItem :span="8" label="昵称" :value="detailInfo.nickName || '无'">
                            </LayoutDetailItem>
                            <LayoutDetailItem :span="8" label="用户编码" :value="detailInfo.memberCode || '无'">
                            </LayoutDetailItem>
                            <LayoutDetailItem :span="8" label="手机号" :value="detailInfo.mobile || '无'">
                            </LayoutDetailItem>

                            <LayoutDetailItem :span="8" label="生日" :value="detailInfo.birthday || '无'">
                            </LayoutDetailItem>
                            <LayoutDetailItem :span="8" label="性别" :value="detailInfo.gender | getSex">
                            </LayoutDetailItem>
                            <LayoutDetailItem :span="8" label="邮箱" :value="detailInfo.email || '无'">
                            </LayoutDetailItem>
                            <LayoutDetailItem :span="8" label="注册时间" :value="detailInfo.createdTimeStr || '无'">
                            </LayoutDetailItem>
                            <LayoutDetailItem :span="8" label="会员等级"
                                :value="detailInfo.memberLevel? detailInfo.memberLevel.name : '无'">
                            </LayoutDetailItem>
                            <LayoutDetailItem :span="8" label="是否拉黑" :value="detailInfo.blacklist === 1 ? '是' : '否'">
                            </LayoutDetailItem>
                            <LayoutDetailItem :span="8" label="是否为推广员"
                                :value="detailInfo.isPopularize === 1 ? '是' : '否'">
                            </LayoutDetailItem>



                            <LayoutDetailItem :span="8" label="最后登录时间" :value="detailInfo.lastLoginTimeStr || '未知'">
                            </LayoutDetailItem>
                            <LayoutDetailItem :span="16" label="地区" :value='`${detailInfo.country || ""}${detailInfo.province || ""}${detailInfo.city ||
                                    ""}`'></LayoutDetailItem>
                        </LayoutDetailGroup>
                    </div>
                </div>

            </LayoutCellItem>
        </LayoutCell>
        <div class="load" v-loading="isloading" v-if="isloading"></div>
    </div>
    <div class="list" v-if="current == 2">
        <div class="tableWrap">
            <el-table v-loading="mixinList_loading" :data="mixinList_tableData" border style="width: 100%;"
                default-expand-all height="100%" row-key="id" :ref="mixinPage_vueName+'TableSmall'">
                <el-table-column label="修改时间">
                    <template slot-scope="scope">
                        {{$vFN.Utils.timestampToDate('yyyy-MM-dd HH:mm:ss', scope.row.createdTime*1000)}}
                    </template>
                </el-table-column>
                <el-table-column prop="opUser" label="操作人"></el-table-column>
                <el-table-column label="原推荐人头像" align="center" width="100">
                    <template slot-scope="scope">
                        <div class="albumUrl">
                            <imageBox :src="scope.row.originalIcon"></imageBox>
                        </div>
                    </template>
                </el-table-column>
                <el-table-column prop="originalMemberCode" label="原推荐人编码"></el-table-column>
                <el-table-column prop="originalNickName" label="原推荐人昵称"></el-table-column>
                <el-table-column prop="originalMobile" label="原推荐人手机号"></el-table-column>
                <el-table-column label="新推荐人头像" align="center" width="100">
                    <template slot-scope="scope">
                        <div class="albumUrl">
                            <imageBox :src="scope.row.referrerIcon"></imageBox>
                        </div>
                    </template>
                </el-table-column>
                <el-table-column prop="referrerMemberCode" label="新推荐人编码"></el-table-column>
                <el-table-column prop="referrerNickName" label="新推荐人昵称"></el-table-column>
                <el-table-column prop="referrerMobile" label="新推荐人手机号"></el-table-column>
            </el-table>
        </div>
        <div class="page">
            <el-pagination class="paginationStyle" :disabled="mixinList_pageData.total<=0" background
                @current-change="mixinList_pagingData($event,'tableData')" :current-page="mixinList_pageData.pageNum"
                :page-size.sync="$vFN.Constants.pageSize" layout="total, prev, pager, next,jumper"
                :total.sync="mixinList_pageData.total">
            </el-pagination>
        </div>
    </div>




</div>